.d2-theme-container-main {
  color: #333;
  font-size: 14px;
  //overflow: auto !important;

  .title {
    padding: 0 5px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    border-bottom: 1px solid #95c4ec;
    font-weight: bold;

    .text {
      float: left;
    }
  }


  .el-button--small, .el-button--small.is-round {
    padding: 5px 10px !important;
  }

  .el-input__suffix {
    right: 0;
    //background: #e5e5e5;
    padding: 0 3px;
  }

  .el-tabs {
    background: #F4F4F4;

    .el-tabs__header {
      margin: 0;
    }

    .el-tabs__nav {
      .is-active {
        background: #fff;
      }
    }
  }

  .el-form {
    .el-form-item__content {
      margin-left: 0;
    }
    .divread{
      pointer-events: none !important;
    }
  }

  .d2-theme-container-main-header {
    background: #fff;
  }

  .container-component {
    //height: 100%;

    .d2-container-full {
      //border: none !important;
      //top: 0 !important;
      //left: 0 !important;
      //right: 0 !important;
      //bottom: 0 !important;

      .d2-container-full__body {
        height: calc(100vh - 105px);
        background: none;
        //overflow: auto;

        .d2-theme-container-main-body {
          padding: 10px;

          > div {
            height: 100%;
          }

          .el-form {
            .el-form-item {
              margin-bottom: 10px;
            }
          }

          .el-button--mini {
            span {
              font-size: 12px;
            }
          }

          .form-btn, .op-btn {
            .el-button--default {
              background: #F1F1F1 !important;
              color: #333 !important;
              border: 1px solid #ccc !important;
            }

            .el-button--danger {
              background: #fff !important;
              color: #f54a3d !important;
              border: 1px solid #f54a3d !important;
            }

            .el-button--primary {
              background: #fff !important;
              color: #027BE3 !important;
              border: 1px solid #027BE3 !important;
            }
          }
        }

        .case-body {
          height: 800px;
          overflow: scroll;
          .baseform {
            padding: 30px 20%;
          }
        }

        .el-table {

          .el-table-column--selection {
            .cell {
              text-align: center;
            }
          }

          .cell {
            padding: 0;
            color: #555;

            .caret-wrapper {
              display: none;
            }

            .el-tag {
              font-size: 12px;
              height: 25px;
              line-height: 25px;
            }
          }

          .ascending, .descending {
            .cell {
              position: relative;

              .caret-wrapper {
                top: -5px;
                position: absolute;
                display: inline-block;
              }
            }
          }

          th {
            padding: 8px 0;
          }

          .current-row {
            td {
              background: #bedcff;
            }
          }

          td, .el-table th {
            padding: 5px 0;

            .cell {
              .el-button {
                border: 0;
                background: none;
                font-size: 16px;
                padding: 0 !important;

                i {
                  padding-top: 5px;
                }
              }
            }
          }

          table.el-table__header {
            tr, th, td {
              background: #F4F4F4;
            }
          }
        }

        .d2-crud {
          //height: calc(100% - 15px);
          //overflow: auto;

          .d2-crud-body {
            background: #fff;
            overflow: auto;
            padding: 0 !important;

            .el-table__body-wrapper {
              //overflow: initial;
            }
          }

          .d2-crud-pagination {
            padding: 0 !important;

            .el-pagination {
              float: right;
              padding: 5px;

              .el-pagination__rightwrapper {
                float: left;
              }

              .el-pager {
                padding: 0 10px;

                .active {
                  background: #027be3;
                  color: #fff;
                }
              }

              button {
                width: 25px;
              }

              .btn-prev, .btn-next {
                padding: 0;
              }
            }
          }
        }

      }
    }
  }

  .d2-multiple-page-control-group {
    height: 100%;
    padding-right: 10px !important;

    .d2-multiple-page-control-content-inner {
      height: 100%;
    }

    .el-dropdown {
      cursor: pointer;
      padding-top: 5px;

      .el-dropdown-link {
        height: 25px;
        line-height: 25px;
        background: #0e7be3;
        padding: 0 10px;
        color: #fff;
        border: 1px solid #027be3;
        font-size: 12px;
        padding-top: 2px;
      }
    }
  }
}

.el-menu--horizontal {
  .el-menu--popup {
    padding: 0 !important;
    margin: 0;
    box-shadow: 5px 5px 15px 0 #ccc;
  }

  .el-menu {
    .el-menu-item {
      height: 40px !important;
      line-height: 40px !important;
      border-bottom: 1px solid #ccc;
    }
  }
}

.el-dialog {
  width: fit-content !important;

  .el-dialog__body {
    padding: 15px !important;
    max-width: 80vw;

    .from-bnts {
      margin-bottom: 0 !important;
      position: relative;
      margin-left: -15px;
      margin-right: -15px;
      padding-right: 15px;
      border-top: 1px solid #ccc;
      padding-top: 10px;

      .el-form-item__content {
        float: right;
        margin-left: 0 !important;

        .el-button--small {
          padding: 9px 15px !important;
        }
      }

      .el-button--small {
        padding: 9px 15px !important;
      }
    }
  }
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #409EFF !important;
  border-color: #409EFF !important;
}

.d2-icon-select--class-col {
  font-size: 30px;
}

.el-tree .el-tree-node__content {
  height: 25px !important;
}

.el-textarea__inner {
  height: 100%;
}

.icon-select {
  .el-input-group {
    max-width: none !important;

    .el-input-group__append {
      padding-top: 8px !important;
    }
  }
}

.el-dropdown-menu {
  margin-top: 0 !important;
}

.el-select-dropdown {
  width: 19% !important;
  left: 574px;
  margin-top: 0 !important;
}

/*头部菜单*/
.d2-theme-header {
  border-bottom: 1px solid #ccc;

  .d2-theme-header-menu {
    .el-menu {

      .is-active, .el-menu-item:focus {
        //background: #027be3 !important;
        //color: #eee !important;

        .el-submenu__title {
          //background: #027be3 !important;
          //color: #eee !important;
        }
      }


      .el-menu-item, .el-submenu__title {
        min-width: 80px;
        padding: 0 10px !important;
        height: 60px;
        line-height: normal;
        text-align: center;

        .header-menu-icon {
          font-size: 23px !important;
          padding-top: 10px;
          margin-right: 10px !important;
          padding-bottom: 5px;
        }

        i.fa {
          color: lightslategrey;
        }

        .header-menu-text {
          //font-size: 12px;
        }

        .el-submenu__icon-arrow {
          margin: 0 !important;
        }
      }
    }
  }
}

.d2-layout-header-aside-menu-side {
  border-right: 1px solid #ccc;


  > .el-menu > .el-submenu:first-child {
    border-top: none;
  }

  .el-menu {


    .el-menu-item {
      height: 45px !important;
      line-height: 45px !important;
    }

    .el-menu-item, .el-submenu {
      //border-top: 1px solid #dadada;

      .el-submenu__title {
        height: 45px;
        line-height: 45px;

        .el-submenu__icon-arrow.el-icon-arrow-down::before {
          content: "\E6E0";
        }
      }
    }

    .el-submenu.is-opened {
      border-bottom: none;

      //.el-menu li.el-menu-item:first-child {
      //  border-top: 1px solid #dadada;
      //}
      //.el-menu-item:first-child {
      //  border-top: 1px solid #dadada;
      //}

      .el-menu-item:last-child {
        border-bottom: none;
      }

      .el-submenu__icon-arrow {
        transform: rotateZ(0deg) !important;
      }

      > .el-submenu__title {
        .el-submenu__icon-arrow.el-icon-arrow-down::before {
          content: "\E6DF" !important;
        }
      }
    }
  }
}

.el-input {
  height: 35px;

  .el-input-group__append {
    padding: 0 10px;
  }

  input {
    height: 100%;
  }

  i {
    font-size: 20px;
  }
}

.el-select {
  .el-input {
    .el-input__prefix, .el-input__suffix {
      top: 5px;
    }

    .el-input__inner {
      color: #606266 !important;
    }
  }

  .is-focus {
    .el-input__prefix, .el-input__suffix {
      top: 0;
    }
  }
}

.d2-source.d2-source--active {
  //display: none;
}

.bottom-border {
  border-style: none;
  text-align: center;
  border-bottom: 1px solid #333;
  line-height: 25px;
}

.bottom-border:focus {
  outline: none;
}

/*  focus 标记*/
.cust-loading {
  font-size: 60px;

  .el-loading-spinner {
    transform: translateY(-50%);
    margin: auto;

    .el-loading-text {
      color: #ccc;
      font-size: 14px;
    }
  }

  .fa {
    animation: xz1 3s infinite linear;
  }
}

.el-dialog__header {
  padding: 15px !important;
  border-bottom: 1px solid #ccc;
  background: #F4F4F4;
}

/*滚动条样式*/
div::-webkit-scrollbar {
  width: 8px;
}

/*滚动条背景色*/
div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  //background: #024264;
}

/*空白区背景色*/
div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  //background: #06193E;
}

/* 加载旋转动画 */
#load .load_img {
  position: absolute;
  left: calc(50% - 182px);
  top: calc(50% - 182px);
}

.load_img img {
  position: absolute;
  left: 0;
  top: 0;
}

.load_img .jzxz1 {
  animation: xz1 8s infinite linear;
}

.text-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@keyframes xz1 {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.load_img .jzxz2 {
  animation: xz2 7s infinite linear;
}

@keyframes xz2 {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
